<?php 
  session_start();
  include "config/fungsi_indotgl.php";  
  include "config/config78.inc";
  
  $tokoUserEmail = "";
  $affiliate_code = "";
  if (isset($_SESSION['toko_user_email'])) {
	  $tokoUserEmail = $_SESSION['toko_user_email'];
  } else {
	  if (isset($_COOKIE['kode_link'])) {
		  $affiliate_code = $_COOKIE['kode_link'];
	  }
  }

  $category_id      = "";
  $category_desc    = "";
  $results_per_page = 6;
  $qpage            = 0;
  $page_no          = 1;
  $start_from       = 0;
  $view_all         = "";
  
  if (isset($_GET["category_id"])) {
	  $category_id = $_GET['category_id'];
  }
  if (isset($_GET["view_all"])) {
	  $view_all = $_GET["view_all"];
  }
  
  if (isset($_GET['page_no'])) {
	  $qpage = $_GET['page_no'];
	  if ($qpage == NULL ) {
		  $page_no = 1;
		  $start_from = 0;
	  } else {
		  $page_no = $_GET['page_no'];
		  $start_from = ($page_no-1) * $results_per_page;
	  }
  }

  $kode_kategori = 0;

  if ((strtoupper($category_id) != "ALL") AND ($category_id != "" )) {
	  $_categ_query = "SELECT idkategori,nama_kategori FROM kategori WHERE init_kategori = '".$category_id."'";
	  $_categ_result = mysqli_query($MyCon,$_categ_query);
	  if  (mysqli_num_rows($_categ_result) > 0) {
		  $_categ_data = mysqli_fetch_array($_categ_result,MYSQLI_ASSOC);
		  $category_desc = $_categ_data['nama_kategori'];
          $kode_kategori = $_categ_data['idkategori'];
	  }
	  $totalPage_sql = "SELECT count(idproduk) as TOTAL FROM v_product_qty WHERE init_kategori = '".$category_id."' AND discountinue = 0" ;
	  $totalPage_data = mysqli_query($MyCon,$totalPage_sql);
	  $totalPage_rec = mysqli_fetch_array($totalPage_data,MYSQLI_ASSOC);
	  $totalPage = ceil($totalPage_rec['TOTAL'] / $results_per_page);
	  $item_sql = "SELECT v.*,p.seo_nama_produk,fnc_gambarutama(v.idproduk) foto_utama, fnc_cariharga(v.idproduk,'STOCK') curstock  FROM v_product_qty v, produk p WHERE v.init_kategori = '".$category_id."' AND v.discountinue = 0 AND v.idproduk = p.idproduk ORDER BY v.idproduk ASC LIMIT $start_from, ".$results_per_page;  
  } else {
	  $totalPage_sql = "SELECT count(idproduk) as TOTAL FROM v_product_qty WHERE  discountinue = 0" ;
	  $totalPage_data = mysqli_query($MyCon,$totalPage_sql);
	  $totalPage_rec = mysqli_fetch_array($totalPage_data,MYSQLI_ASSOC);
	  $totalPage = ceil($totalPage_rec['TOTAL'] / $results_per_page);
	  $item_sql = "SELECT v.*,p.seo_nama_produk,fnc_gambarutama(v.idproduk) foto_utama, fnc_cariharga(v.idproduk,'STOCK') curstock  FROM v_product_qty v, produk p WHERE v.discountinue = 0 AND v.idproduk = p.idproduk ORDER BY v.idproduk ASC LIMIT $start_from, ".$results_per_page;  
	  
  }
  if (strtolower($tokoUserEmail) == "ajm_widjajas@yahoo.com") {

    if ($kode_kategori != 0) {
        $cari_promokategory = mysqli_query($MyCon,"SELECT id_produk FROM promo_cat_produk WHERE id_cat = $kode_kategori AND NOW() between tgl_awal AND tgl_ahir ");
        if (mysqli_num_rows($cari_promokategory) > 0) {
            while($row = $cari_promokategory->fetch_array()) {
                $promo_categori[] = $row["id_produk"];
            }      
        }
    }
  }

  $item_record = mysqli_query($MyCon,$item_sql);
  
?>

<!DOCTYPE html>
<base href="/" />

<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Mobile Web-app fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="mobile-web-app-capable" content="yes">

    <!-- Meta tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">

    <!--Title-->
    <title><?php echo "Kategori " . $category_desc  . " | " . $WebTitle; ?></title>

    <!--CSS styles-->
    <link rel="stylesheet" media="all" href="mobel2020/css/bootstrap.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/animate.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/font-awesome.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/furniture-icons.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/linear-icons.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/magnific-popup.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/owl.carousel.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/ion-range-slider.css" />
    <link rel="stylesheet" media="all" href="mobel2020/css/theme.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">

    <!--Google fonts-->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600&amp;subset=latin-ext" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	
	<style>

        .blinking{
            animation:blinkingText 1.5s infinite;
        }
        @keyframes blinkingText{
            0%{		color: #ffff;	}
            49%{	color: transparent;	}
            50%{	color: transparent;	}
            99%{	color:transparent;	}
            100%{	color: #ffff;	}
        }
		.qdialog {
			z-index: -1;
		}






	</style>

</head>

<body>

    <div class="page-loader"></div>

    <div class="wrapper">

        <!--Use class "navbar-fixed" or "navbar-default" -->
        <!--If you use "navbar-fixed" it will be sticky menu on scroll (only for large screens)-->

        <!-- ======================== Navigation ======================== -->

		
		<?php
		   include("headernew2020.php");
		?>

        <!-- ======================== Main header ======================== -->

        <section class="main-header" style="background-image:url(mobel2020/assets/images/gallery-3.jpg)">
            <header>
                <div class="container">
                    <h1 class="h2 title">Shop</h1>
                    <ol class="breadcrumb breadcrumb-inverted">
                        <li><a href="/"><span class="icon icon-home"></span></a></li>
                        <li><a href="listcate">Product Category</a></li>
                        <li>
						<a class="active" href="#">
							<?php 
							  if (($category_id != "") && (strtoupper($category_id) != "ALL")){
								  echo $category_desc;
							  } else {
								  echo "All Product";
							  }
                            ?>
						</a></li>
                    </ol>
                </div>
            </header>
        </section>

        <!-- ========================  Icons slider ======================== -->

        <section class="owl-icons-wrapper">

            <!-- === header === -->

            <header class="hidden">
                <h2>Product categories</h2>
            </header>
            <div class="container">

                <div class="owl-icons">

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-sofa"></i>
                            <figcaption>Sofa</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-armchair"></i>
                            <figcaption>Kursi Lengan</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-chair"></i>
                            <figcaption>Kursi</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-dining-table"></i>
                            <figcaption>Meja Makan</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/Audio-Video-Rak">
                        <figure>
                            <i class="f-icon f-icon-media-cabinet"></i>
                            <figcaption>Audio Video Rak</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-table"></i>
                            <figcaption>Meja</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/Rak-Serbaguna">
                        <figure>
                            <i class="f-icon f-icon-bookcase"></i>
                            <figcaption>Rak Serbaguna</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-bedroom"></i>
                            <figcaption>Kamar Tidur</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/nakas">
                        <figure>
                            <i class="f-icon f-icon-nightstand"></i>
                            <figcaption>Nakas</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/Lemari-Pakaian-Anak-Karakter">
                        <figure>
                            <i class="f-icon f-icon-children-room"></i>
                            <figcaption>Lemari Pakaian Anak</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-kitchen"></i>
                            <figcaption>Perlengkapan Dapur</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-bathroom"></i>
                            <figcaption>Perlengkapan Kamar Mandi</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/Lemari-Pakaian">
                        <figure>
                            <i class="f-icon f-icon-wardrobe"></i>
                            <figcaption>Lemari Pakaian</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/Rak-Sepatu">
                        <figure>
                            <i class="f-icon f-icon-shoe-cabinet"></i>
                            <figcaption>Rak Sepatu</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/Meja-Tulis">
                        <figure>
                            <i class="f-icon f-icon-office"></i>
                            <figcaption>Meja Tulis</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-bar-set"></i>
                            <figcaption>Bar sets</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-lightning"></i>
                            <figcaption>Perhiasan Lampu</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="#">
                        <figure>
                            <i class="f-icon f-icon-carpet"></i>
                            <figcaption>Karpet</figcaption>
                        </figure>
                    </a>

                    <!-- === icon item === -->

                    <a href="kategory/Meja-Rias">
                        <figure>
                            <i class="f-icon f-icon-accessories"></i>
                            <figcaption>Meja Rias</figcaption>
                        </figure>
                    </a>

                </div> <!--/owl-icons-->
            </div> <!--/container-->
        </section>

        <!-- ======================== Products ======================== -->

        <section class="products">
            <div class="container">

                <header class="hidden">
                    <h3 class="h3 title">Product category grid</h3>
                </header>

                <div class="row">

                    <!-- === product-filters === -->

                    <div class="col-md-3 col-xs-12">
                        <div class="filters">
                            <!--Price
                            <div class="filter-box active">
                                <div class="title">Price</div>
                                <div class="filter-content">
                                    <div class="price-filter">
                                        <input type="text" id="range-price-slider" value="" name="range" />
                                    </div>
                                </div>
                            </div> -->
                            <!--Type-->
                            <div class="filter-box active">
                                <div class="title">
                                    Type
                                </div>
                                <div class="filter-content">
                                    <span class="checkbox">
                                        <input type="radio" name="radiogroup-type" id="typeIdAll" <?php if (strtoupper($category_id) == "ALL") { echo  "checked='checked'"; }?>>
                                        <label for="typeIdAll">All <i>(1200)</i></label>
                                    </span>
									
									<?php
									   $recordCateg = mysqli_query($MyCon,"SELECT a.*,fnc_sumcate(a.idkategori) total FROM kategori a ORDER BY a.idkategori");
									   while ($rowsC = mysqli_fetch_array($recordCateg,MYSQLI_ASSOC)) {
										   $link   = "kategory/".$rowsC['init_kategori'];
										   $nama   = ucfirst($rowsC['nama_kategori']);
										   $kode   = $rowsC['idkategori'];
										   $total  = $rowsC["total"];
									?>
									
                                    <span class="checkbox">
                                        <input type="radio" name="radiogroup-type" id="typeId<?php echo $kode;?>" value="<?php echo $rowsC['init_kategori'];?>" <?php if (strtoupper($category_id) == strtoupper( $rowsC["init_kategori"])) {echo " checked='checked' ";}?>>
                                        <label for="typeId<?php echo $kode;?>"><?php echo $nama;?><i>(<?php echo $total;?>)</i></label>
                                    </span>
									<?php
									   }
									?>
                                </div>
                            </div> <!--/filter-box-->
                            <!--close filters on mobile / update filters-->
                            <div class="toggle-filters-close btn btn-main" id="updatesearch">
                                Update search Now
                            </div>

                        </div> <!--/filters-->
                    </div>

                    <!--product items-->

                    <div class="col-md-9 col-xs-12">

                        <div class="sort-bar clearfix">
                            <div class="sort-results pull-left">
                                <!--Showing result per page-->
                                <select>
                                    <option value="1">6</option>
                                    <option value="2">10</option>
                                    <option value="3">All</option>
                                </select>
                                <!--Items counter-->
                                <span>Showing all <strong>50</strong> of <strong>3,250</strong> items</span>
                            </div>
                            <!--Sort options-->
                            <div class="sort-options pull-right">
                                <span class="hidden-xs">Sort by</span>
                                <select>
                                    <option value="1">Name</option>
                                    <option value="2">Popular items</option>
                                    <option value="3">Price: lowest</option>
                                    <option value="4">Price: highest</option>
                                </select>
                            </div>
                        </div>

                        <div class="row">

                            <!-- === product-item === -->
							<?php
							  $nom = 0;
							  if (mysqli_num_rows($item_record) > 0) {
								  while ($rowProduct = mysqli_fetch_array($item_record,MYSQLI_ASSOC)) {
									  $prodimg   = "upload/produk2020/".$rowProduct['foto_utama'];
									  $produrl   = "pdetail/".$rowProduct['seo_nama_produk'];
									  $prodname  = $rowProduct['nama_produk'];
									  $prodprice = $rowProduct["harga_jual"];
									  $proddesc  = $rowProduct["deskripsi"];
									  $diskon    = $rowProduct["diskon"];
									  $prodid    = $rowProduct["idproduk"];
									  if (is_null($rowProduct["curstock"])) {
										  $curstock = 0;
									  } else {
										  $curstock = $rowProduct["curstock"];
									  }
									  $ada_promo = "";

                                      if (isset($promo_categori)) {
                                        foreach ($promo_categori as $procat => $val) {
                                            if ($val == $prodid) {
                                                $ada_promo = "[ ADA PROMO ]";
                                                break;
                                            }          
                                        }
                                      }
          

                                      if ($tokoUserEmail != "") {
										  $hargaCoret = $rowProduct["harga_jual"];
										  $prodprice  = $hargaCoret - (($hargaCoret * $diskon)/100);
									  }
									  
							?>

                            <div class="col-md-6 col-xs-6">

                                <article>
                                    <div class="info">
									    <!--
                                        <span class="add-favorite">
                                            <a href="javascript:void(0);" data-title="Add to favorites" data-title-added="Added to favorites list"><i class="icon icon-heart"></i></a>
                                        </span>
										-->
                                        <span>
                                            <a href="#productid1" onclick="showDataProduct('<?php echo $prodid;?>');" class="mfp-open" data-title="Quick wiew"><i class="icon icon-eye"></i></a>
                                        </span>
                                    </div>
                                    <div class="btn btn-add">
                                        <i class="icon icon-cart"></i>
                                    </div>
                                    <div class="figure-grid">
                                        <!-- <span class="label label-info">-50%</span> -->
                                        <?php
                                            if ($ada_promo != "") {
                                                echo "<span class='label label-warning blinking'><span class='icon icon-bullhorn'></span>  Promo Kategori " . $prodname . "</span>";
                                            }
                                        ?>
                                        <div class="image">
                                            <a href="#productid1" onclick="showDataProduct('<?php echo $prodid;?>');" class="mfp-open">
                                                <img src="<?php echo $prodimg;?>" alt="" width="360" height="80%" />
                                            </a>
                                        </div>
                                        <div class="text">
                                            <h2 class="title h4"><a href="<?php echo $produrl;?>"><?php echo $prodname;?></a></h2>
											<?php
											  if ($tokoUserEmail != "") {
											?>
                                            <sub><?php echo number_format($hargaCoret);?></sub>
											<?php
											  }
											?>
                                            <sup><?php echo "Rp. ". number_format($prodprice);?></sup>
                                            <span class="description clearfix"><?php echo $proddesc;?></span>
                                        </div>
                                    </div>
                                </article>
                            </div>


							<?php
								  }
							  }
							?>
                        </div><!--/row-->
                        <!--Pagination-->
                        <div class="pagination-wrapper">
                            <ul class="pagination">
							
							    <?php
								  if ($page_no > 1 or $page_no == $totalPage) {
									  if ( $page_no > 1 ) {
										  $page_noy = $page_no - 1;
										  echo "<li><a href='kategory/".$category_id."/".$page_noy."' aria-label='Previous'><span aria-hidden='true'>&laquo;</span></a></li>";
									  }
								  }
								  for ($noPages = 1; $noPages <= $totalPage; $noPages++) {
									  if ($noPages == $page_no) {
										  echo "<li class='active'>";
									  } else {
										  echo "<li>";
									  }
									  echo "<a href='kategory/".$category_id."/".$noPages."'>".$noPages."</a></li>";
								  }
								  if ($totalPage > 1 && $page_no != $totalPage) {
									  $page_nox = $page_no + 1;
									  echo "<li><a href='kategory/".$category_id."/".$page_nox."' aria-label='Next'><span aria-hidden='true'>&raquo;</span></a></li>";
								  }	  
								?>
								
                            </ul>
                        </div>

                    </div> <!--/product items-->

                </div><!--/row-->
                <!-- ========================  Product info popup - quick view ======================== -->

                <div class="popup-main mfp-hide qdialog" id="productid1" >

                    <!-- === product popup === -->

                    <div class="product">

                        <!-- === popup-title === -->

                        <div class="popup-title">
							<div class="h1 title"><div id='popup_desc'>Laura</div><small><div id='popup_kategory'>product category</div></small></div>
                        </div>

                        <!-- === product gallery === -->

                        <div class="owl-product-gallery">
                            <img id='gambar1' src="mobel2020/assets/images/product-1.png" alt="" width="640" />
                            <img id='gambar2' src="mobel2020/assets/images/product-2.png" alt="" width="640" />
                            <img id='gambar3' src="mobel2020/assets/images/product-3.png" alt="" width="640" />
                        </div>

                        <!-- === product-popup-info === -->

                        <div class="popup-content">
                            <div class="product-info-wrapper">
                                <div class="row">

                                    <!-- === left-column === -->

                                    <div class="col-sm-6">
                                        <div class="info-box">
                                            <strong>Manufacturer</strong>
                                            <span><div id='popup_brand'>Brand name</div></span>
                                        </div>
                                        <div class="info-box">
                                            <strong>Materials</strong>
                                            <span>Wood, Leather, Acrylic</span>
                                        </div>
                                        <div class="info-box">
                                            <strong>Availability</strong>
                                            <span><div id="popup_stock"><i class="fa fa-check-square-o"></i> in stock</div></span>
                                        </div>
                                    </div>

                                </div><!--/row-->
                            </div> <!--/product-info-wrapper-->
                        </div><!--/popup-content-->
                        <!-- === product-popup-footer === -->

                        <div class="popup-table">
                            <div class="popup-cell">
                                <div class="price">
                                    <span class="h3"><div id="popup_pricenet">$ 1999,00</div> 
									<div id="popup_pricenormal"><small>$ 2999,00</small></div></span>
                                </div>
                            </div>
                            <div class="popup-cell">
                                <div class="popup-buttons">
                                    <a id="popup_url" href="#"><span class="icon icon-eye"></span> <span class="hidden-xs">View more</span></a>
                                    <a id="popup_buy" href="javascript:void(0);"><span class="icon icon-cart"></span> <span class="hidden-xs">Buy</span></a>
                                </div>
                            </div>
                        </div>

                    </div> <!--/product-->
                </div> <!--popup-main-->
            </div><!--/container-->
        </section>

        <!-- ================== Footer  ================== -->

		<?php
		   include("footernew2020.php");
		?>
		
    </div> <!--/wrapper-->


    <!--JS files-->
    <script src="mobel2020/js/jquery.min.js"></script>
    <script src="mobel2020/js/jquery.bootstrap.js"></script>
    <script src="mobel2020/js/jquery.magnific-popup.js"></script>
    <script src="mobel2020/js/jquery.owl.carousel.js"></script>
    <script src="mobel2020/js/jquery.ion.rangeSlider.js"></script>
    <script src="mobel2020/js/jquery.isotope.pkgd.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
    <script src="mobel2020/js/grace.js"></script>
    <script src="mobel2020/js/main.js"></script>
	
	<script> 
		$('#updatesearch').click(function(){
			var kategori_pilih = $('input[name=radiogroup-type]:checked').val();
			var url = "kategory";
			url += "/" + kategori_pilih;
//			console.log(url);
			window.location.href = url;
		})
	</script>
</body>
</html>